<template>
  <div>
    <div v-if="detailsData.content_type!=='moment'">
      <ArticleDetails :article-data="detailsData" :article-recommend-data="recommendData" />
    </div>
  </div>
</template>
<script>
import { getcontentDetailsData, getRecommendData } from '@/api/contentDetails'
import ArticleDetails from '@/components/articleDetails'
export default {
  components: {
    ArticleDetails
  },
  async asyncData({ store, params }) {
    const [detailsData, recommendData] = await Promise.all([
      getcontentDetailsData(params.details).then((res) => {
        return res.data
      }),
      getRecommendData(params.details).then((res) => {
        return res.data
      })
    ])
    return {
      detailsData,
      recommendData
    }
  }
}
</script>
<style scoped lang="scss">

</style>
